---
title: Transactions Récentes
description: Afficher vos transactions récentes
---

# Transactions Récentes

## Afficher vos transactions récentes

Vous pouvez choisir d'afficher les transactions récentes dans le modal de compte de RainbowKit. Notez que toutes les transactions sont conservées dans le stockage local et doivent être enregistrées manuellement avec RainbowKit pour être affichées.

La mise en œuvre par défaut de `ConnectButton` affichera également un indicateur de chargement autour de l'avatar de l'utilisateur s'il y a des transactions en attente. Des implémentations personnalisées de `ConnectButton` peuvent recréer ce comportement via la propriété `account.hasPendingTransactions` qui est transmise à votre fonction de rendu.

Pour utiliser cette fonction, activez d'abord l'option `showRecentTransactions` sur `RainbowKitProvider`.

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider showRecentTransactions={true} {...etc}>
      {/* ... */}
    </RainbowKitProvider>
  );
};
```

Les transactions peuvent ensuite être enregistrées avec RainbowKit en utilisant le hook `useAddRecentTransaction`.

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```

Une fois qu'une transaction a été enregistrée avec RainbowKit, son statut sera mis à jour une fois terminée.

Par défaut, la transaction sera considérée comme terminée une fois qu'un seul bloc aura été miné sur le bloc dans lequel la transaction a été minée, mais cela peut être configuré en spécifiant une valeur personnalisée pour `confirmations`.

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
          confirmations: 100,
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```
